body{ font-size: 12px; background: #ffffff; width: 100%; height: 100%; margin: 0; padding: 0;}

#battleGround{ width: 800px; height: 800px; background: #000000; position: absolute; top: 5px; left: 5px;}
#readMe { width: 700px; position: absolute; left: 50px; top: 50px; background: #f0f0f0; padding: 5px;}

#loginBar{ width: 300px; height: 100px; background: #eee7e7; position: absolute; top: 650px; left: 250px; text-align: center; line-height: 25px;}

#queueBox{ width: 100px; height: 800px; background: #cccccc; position: absolute; top: 5px; left: 810px;}
.queueBoxTitle { text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #FF0000;}
.queueBoxButton {text-align: center; height: 22px; line-height: 22px;}
.queueBoxRank{ line-height: 22px;}

#queueList{list-style: none; margin: 0; padding: 0;}
#queueList li{height: 24px; line-height: 24px; background: #cccccc; margin: 2px 0;}

#chatBox{ width: 905px; height:120px; position: absolute; top: 810px; left: 5px; background: #cccccc; overflow-y: scroll;}
#chatBoxInput{ width: 905px; height:30px; position: absolute; top: 935px; left: 5px; background: #cccccc; line-height: 30px; text-align: center;}
#chatContent{ width: 890px;}

#userLayer{ position: relative;}

#userLayer tank { width: 1px; height: 1px; background: aquamarine; position:absolute; left: 150px; top: 100px;}
#userLayer tank name { width: 150px; height: 12px; position: absolute; left: -75px; top: -40px; font-size: 9px; line-height: 12px; text-align: center; color: #e70b0b; overflow: hidden;}
#userLayer tank bg { width: 50px; height: 50px; position: absolute;  left: -25px; top: -25px; background-image: url('/tank/tank.png'); background-size:50px 50px; transform:rotate(0deg);}
#userLayer tank hp {width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 12px; position: absolute; left: -8px; top: -8px; color: #FF0000; border: solid 1px #FF0000; background: #ffffff;}

#userLayer tank.my name { color: #089d08}
#userLayer tank.my hp { color: #089d08}


.block{ width: 25px; height: 25px; background: #36940c;}


#bulletLayer {width: 800px; height: 800px; position: relative;}
bullet{ width: 1px; height: 1px; position: absolute; left: 200px; top: 220px;}
bulletBg{ width: 6px; height: 6px; background: #ffffff; position: absolute; left: -3px; top: -3px; border-radius: 6px;}

h2{ text-align: center; color: #36940c;}